*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
body{
    height:2225px;
}
a{
    text-decoration: none;
    color:inherit;
}
.clear{
    clear:both;
}
ul{
    list-style: none;
}
.nav{
    background-color:#333;
    height: 50px;
   
}
.container{
    margin:0 auto;
    width:1226px;
    position:relative;
}
.nav_list{
    width:590px;
    height: 50px;
    display: flex;
    justify-content: space-between;
    line-height: 50px;
    float:left;
}
.nav_list>a>li{
    font-size:14px;
    color:rgb(176, 176, 176);
}
.nav_list>a>li:hover{
   color:white;
}
.register>a>li:hover{
    color:white;
}
.shoppingcar>a{
    color:rgb(176, 176, 176);
    position: relative;
}
.shoppingcar>a>span{
    font-size:14px;
}
.register>a>li{
    font-size:14px;
    color:rgb(176, 176, 176);
}
.shoppingcar>a>span{
    color:rgb(176, 176, 176);
}
.shoppingcar{
    width: 120px;
    float:right;
    background-color: #424242;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color:rgb(255,103 ,0);
}
.shoppingcar>a>div{
    width: 20px;
    height: 20px;
    background-size:100% 100%;
    background-image:url(购物车1.png);
    position:absolute;
    top:0;
    left:-20px;
}
.register{
    float: right;
    display: flex;
    margin-right:20px;
    line-height: 50px;
}
.register>a>li{
    margin:0 5px;
}
.tip{
    position:absolute;
    top:50px;
    right:0;
    width: 320px;
    height: 100px;
    font-size:14px;
    border:1px solid rgb(255,103 ,0);
    text-align: center;
    line-height: 100px;
    background-color: white;
    color:black;
    transition:all 0.2s;
    z-index: 1;
}
    /*导航栏下面  */
header{
    width: 100vw;
    height:100px;
    margin:25px 0 ;
}
header>ul{       
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: space-between;
         flex-wrap: wrap;
    }
.logo{
        width: 55px;
        height: 55px;
        background-image:url(logo.png);
    }
.product{
        height:100px;
    }
.product>ul{
        width:660px;
        display:flex;
        justify-content: space-between;
    }
.product>ul>li{
    line-height: 100px;
}
.container>.input{
    position:relative;
    right:0;
}
.container>.input>input{
    width: 245px;
    height: 50px;
    margin-right:50px;
    padding-left:15px;
}
.input>.span{
    position:absolute;
    top:15px;
    right:60px;
}
.input>.span>span{
    font-size:14px;
    background-color:#eee;
}
.search{
    width:50px;
    height:50px;
    position:absolute;
    padding:10px;
    top:0;
    right:1px;
    background-color:white;
    border:1px solid black;
}
ul.product_pic{
   width:100vw;
   height:228px;
   margin:25px auto;
   border-top:1px solid #eee;
   background-color:white;
}
.product_pic>.container>li>span{
    display: block;
}
.product_pic>.container{
    display: flex;
}
.product_pic>.container>li{
    width:205px;
    height:228px;
}
.product_pic>.container>li>div{
    width:205px;
    height:228px;
}
.top_top{
    height:22px;
    text-align:center;
}
.top_top span{
    border:1px solid rgb(255,103 ,0);
}
.product_pic>.container>li>div{
    width: 205px;
    height: 110px;
    margin:20px auto;
    border-right:1px solid #eee;
}
.middle{
    width: 100%;
    height: 22px;
    text-align: center;
}
.bottom_bottom{
    width: 100%;
    height: 22px;
    text-align: center;
}
.container>li>div>img{
    width:160px;
    height:110px;
    padding:0;
    margin-left:25px;;
}
/* -------------------------------轮播图 ------------------ */
.lbt>li{
    position: absolute;
}
.lbt>li{
    display:none;
    z-index: -10;
}
.lbt>li>img{
    width: 1226px;
}
#lbt{
    height: 450px;
    position: relative;
}
#show{
     display: block; 
}
.point{
    width:132px;
    height: 10px;
    display: flex;
    justify-content: space-between;
    position:absolute;
    bottom:0px;
    right:55px;
}
.point>li{
    width: 12px;
    height: 12px;
    border-radius:6px;
    border:1px solid #eee;
    transition: all 0.5s;
}
.active{
    background-color:#aaa;
}
 .change>span{
    width:41px;
    height: 69px;
    /* background-color:#aaa; */
    opacity: 0.8;
    font-size:50px;
    color:white;
} 
.left{
    position:absolute;
    top:190px;
    left:234px;
}
.right{
    position:absolute;
    top:190px;
    right:10px;
}
.color{
      background-color:#aaa; 
}
.menu{
    position: absolute;
    left:0;
    top:0;
    width: 234px;
    height:460px;
    background-color:rgba(0, 0,0, 0.6);
       /* z-index:-1;   */
}
.menu-list{
    margin-top:20px;
}
.menu-list>li{
    color:#fff;
    line-height: 42px;
    font-size:14px;
    padding-left:30px;
}
.menu-list>li>span{
    position:absolute;
    right:30px;
}
.goldyellow{
    background-color:#ff6700;
}
.second-menu{
    position: absolute;
    top:0;
    left:234px;
    background-color: white;
}
.second-menu>ul{
     display: flex; 
}
.second-menu>ul>div{
    width: 250px;
    height: 460px;
}
.second-menu>ul>div>li{
    width: 236px;
    height: 60px;
    margin: 12px 0;
}
.second-menu>ul>div>li>section{
    border:1px solid #ff6700;
    color:#ff6700;
    width: 40px;
    float:right;
    margin:18px 0;
}
.second-menu>ul>.phone_1>li>div{
    float: left;
    margin:10px 0;
    width:40px;
    height:40px;
}
.second-menu>ul>.phone_1>li>span{
    display: block;
    float:left;
    margin:20px 10px;
}
.second-menu>.phone>.phone_1>li>div{
    background-image:url(xm6_80.png);
}
.second-menu>.dianshi>.phone_1>li>div{
    background-image:url(80xmds_55.jpg);
}
.second-menu>.luyouqi>.phone_1>li>div{
    background-image:url(jiqiren.jpg);
}
.second-menu>.sourse>.phone_1>li>div{
    background-image:url(dianyuan280.jpg);
}
.second-menu>.headset>.phone_1>li>div{
    background-image:url(toudai80.jpg);
}
.second-menu>.protect>.phone_1>li>div{
    background-image:url(tiemo.jpg);
}
.second-menu>.wirerod>.phone_1>li>div{
    background-image: url(cunchu.jpg);
}
.second-menu>.bags>.phone_1>li>div{
    background-image: url(tyj80.jpg);
}
.second-menu>.metoo>.phone_1>li>div{
    background-image: url(mitu-80.jpg);
}
.notebox>.phone_1>li>div{
    background-image:url(bijiben80.jpg);
}
.phone_1{
    padding:0 5px;
}
.lbt-next-list>ul>li>div{
    background-image:url(手机.png)
}
    /* 轮播图下面的部分 */
.lbt-next{
    margin-top:40px;
    width:1226px;
    display: flex;
    justify-content: space-between;
}
.lbt-next>img{
    cursor: pointer;
}
.lbt-next>img:hover{
    box-shadow:0 10px 20px rgba(0, 0, 0, 0.2) ;
    transition: all 0.5s;
}
.lbt-next-list1{
    width: 234px;
    height: 170px;
    background-color: #5f5750;
}
.size{
    width: 316px;
    height: 170px;
}
.lbt-next-list1>ul{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.lbt-next-list1>ul>li{
    width: 70px;
    height: 44px;
    margin-top:25px;
}

.lbt-next-list1>ul>li{
    border-right: 1px solid #eee;
    cursor: pointer;
}

.lbt-next-list1>ul>li:nth-child(3){
    border:none;
}
.lbt-next-list1>ul>li:nth-child(6){
    border:none;
}
.lbt-next-list1>ul>li>div>img{
    width: 70px;
    padding:0 20px;
    height: 24px;
}

.lbt-next-list1>ul>li>div{
    width: 70px;
    height: 24px;
}
.lbt-next-list1>ul>li>span{
    width: 70px;
    font-size: 12px;
    color:#eee;
     display: inline-block; 
    text-align:center;
}
/*  --------------------------小米明星单品 ------------------- */
.star{
    margin-top: 60px;
    display: block;
}
.star>.container>section{
    width: 1226px;
    height: 58px;
}
.star>.container>section>p{
    float: left;
    width: 150px;
    font-size:22px;
}
.more{
    float:right;
    font-size:22px;
    border:1px solid #eee;
    width: 36px;
    height: 24px;
    text-align: center;
    margin-top:20px;
    line-height: 24px;
    cursor: pointer;
    color:#eee;
}
.less{
    float:right;
    font-size:22px;
    border:1px solid #eee;
    width: 36px;
    height: 24px;
    text-align: center;
    margin-top:20px;
    line-height: 24px;
    cursor: pointer;
    color: black; 
}
.star-list{
    width: 1226px;
    height: 300px;
    position:absolute;
    top:0;
    left:0px; 
}
.star-list>li{
    width: 234px;
    height: 300px;
    margin-right:14px;
    float:left;
    background-color:yellow;
}
.star-list>li:nth-child(5){
    margin:0;
}
.star-list>li>img{
    width: 160px;
    height: 160px;
    margin:25px 37px 0;
}
.star-list>li>p:nth-child(2){
    width: 234px;
    text-align: center;
    color:black;
    font-size:16px;
}
.star-list>li>p:nth-child(3){
    width: 234px;
    text-align: center;
    font-size:14px;
    color:#aaa;
}
.star-list>li>p:nth-child(5){
    width: 234px;
    text-align: center;
    font-size:18px;
    color:#ff6700;
}
.star-list2{
    position: absolute;
    width: 1226px;
    height: 300px;
    left:1226px;
    top:0;
}
.star-list2>li{
    width: 234px;
    height: 300px;
    margin-right:14px;
    float:left;
    background-color:blue;
}
.star-list2>li>img{
    width: 160px;
    height: 160px;
    margin:25px 37px 0;
    cursor: pointer;
}
.star-list2>li>p:nth-child(2){
    width: 234px;
    text-align: center;
    color:black;
    font-size:16px;
    cursor: pointer;
}
.star-list2>li>p:nth-child(3){
    width: 234px;
    text-align: center;
    font-size:14px;
    color:#aaa;
}
.star-list2>li>p:nth-child(5){
    width: 234px;
    text-align: center;
    font-size:18px;
    color:#ff6700;
}
.star-list2>li:nth-child(5){
    margin:0;
}
.exhibition{
    width: 1226px;
    height: 300px;
    overflow: hidden;   
    position: relative;
}
/* ----------------------------------------家电----------------------- */
/* 家电总*/
.appliances{
    width: 1226px;
    height: 672px;
    margin-top:60px;
    background-color:#f5f5f5;
}
.appliances>.appliances-title{
    width: 1226px;
    height: 58px;
}
.appliances>.appliances-title>p{
    float:left;
    line-height: 58px;
    font-size:22px;
}
.appliances>.appliances-title>span{
    float:right;
    display:block;
    margin-left:20px;
    font-size:16px;
    cursor:pointer;
    height: 26px;
    margin-top:16px;
}
/* 家居单独格式------------------------ */
.appliances-list>section>img{
    width:234px;
    height: 614px;
    float:left;
    cursor: pointer;
}
/*------------------热门的ul标签----------------  */
.appliances-list>div>ul{
    width: 992px;
    height: 614px;
    float:right;
    cursor: pointer;
}
.appliances-list>div>.hot{
    position: relative;
}
/*-------------------------热门ul标签里面的九个li标签  */
.appliances-list>div>ul>li{
    width: 234px;
    height: 300px;
    margin:0 0 14px 14px;
    float:left;
    text-align:center;
    background: white;
      
}
.appliances-list>div>ul>li:hover{
   box-shadow:0 10px 20px rgba(0, 0, 0, 0.2); 
}
/*---------------li标签中的img---------------  */
.appliances-list>div>ul>li>img{
    width: 150px;height: 150px;
    margin-top:34px;
    cursor: pointer;
}
/*--------------------ul中的第8,9个li中的div标签-------------  */
 .appliances-list>div>ul>li>div{
    margin-top:31px;
    width: 234px;
    height: 80px;
    cursor: pointer;
} 
/* ul中的第8,9个li中的div标签中的img---------- */
.appliances-list>div>ul>li>div>img{
    width: 80px;
    height: 80px;
    float:right;
    margin-top:-20px;
    margin-right:20px;
}
/* ----------------li中的p--------------- */

.appliances-list>div>ul>li>p:nth-child(2){
    margin-top:25px;
}
.appliances-list>div>.hot>li>p:nth-child(3){
    margin-bottom:8px;
    color:rgb(176, 176, 176);
}
.appliances-list>div>.hot>li>p:nth-child(4){
    color:#ff6700;
}
/*  ------------第三个带新品字样的li  */
.appliances-list>div>.hot>li:nth-child(3){
    position: relative;
    overflow: hidden;
}
.appliances-list>div>.hot>li:nth-child(3)>section{
    width: 234px;
    height: 80px;
    background-color:#ff7600;
    position: absolute;
    top:300px; 
}
.appliances-list>div>.hot>li:nth-child(3)>section>div{
    margin:auto;
    color:white;
    width: 154px;
}
.appliances-list>div>.hot>li:nth-child(3)>section>div>span{
    color:white;
}
.appliances-list>div>.hot>li:nth-child(3)>p:nth-child(3){
    margin-top:25px;
    color:black;
}
.appliances-list>div>.hot>li:nth-child(3)>p:nth-child(4){
        margin-bottom:8px;
    color:rgb(176, 176, 176);
}
.appliances-list>div>.hot>li:nth-child(3)>p:nth-child(5){
    color:#ff6700;
}
/* -----------------第六个 ---------------*/
.appliances-list>div>ul>li:nth-child(6){
    position: relative;
    overflow: hidden;
}
.appliances-list>div>ul>li:nth-child(6)>section{
    width: 234px;
    height: 80px;
    background-color:#ff7600;
    position: absolute;
    top:300px; 
}
.appliances-list>div>ul>li:nth-child(6)>section>div{
    margin:auto;
    color:white;
    width: 154px;
}
.appliances-list>div>ul>li:nth-child(6)>section>div>span{
    color:white;
}
.hot>li:nth-child(6)>p:nth-child(3){
    margin-top:25px;
    color:black;
}
.appliances-list>div>.hot>li:nth-child(6)>p:nth-child(4){
        margin-bottom:8px;
    color:rgb(176, 176, 176);
}
.appliances-list>div>ul>li:nth-child(6)>p:nth-child(5){
    color:#ff6700;
}
.appliances-list>div>ul>li>div>span:nth-child(3){
    color:#ff6700;
}
.appliances-list>div>ul>li>div>span{
    margin-left:20px;
    float:left;
}
.appliances-list>div>ul>li:nth-child(9)>div>span:nth-child(3){
    color:rgb(176, 176, 176);
    }
.appliances-list>div>ul>li>p:nth-child(1){
     display: block; 
     margin:0 auto;
     width: 64px;
     height: 20px;
     background-color: #83c44e;
     color:white;
}
.appliances-list>div>ul>li>p:nth-child(5){
     color:#ff6700;
}
.appliances-list>div>.hot>li:nth-child(3)>img{
   margin-top:14px;
}
.appliances-list>div>.hot>li:nth-child(6)>img{
   margin-top:14px;
}
.appliances-list>div>ul>li:nth-child(8){
    width: 234px;
    height: 143px;
    text-align: center;
}
.appliances-list>div>ul>li:nth-child(9){
    width: 234px;
    height: 143px;
    text-align: center;
}
/*热门--------------------------  */
/*computer-------------------  */
.appliances-list>div>.computer>li:nth-child(1)>img{
     margin-top:34px; 
}
.appliances-list>div>.computer>li:nth-child(2)>img{
     margin-top:54px;
}
    .appliances-list>div>.computer>li:nth-child(3)>img{
     margin-top:34px; 
}
    .appliances-list>div>.computer>li:nth-child(4)>img{
     margin-top:54px; 
}
    .appliances-list>div>.computer>li:nth-child(5)>img{
     margin-top:54px; 
}
    .appliances-list>div>.computer>li:nth-child(6)>img{
     margin-top:54px; 
}
    .appliances-list>div>.computer>li:nth-child(7)>img{
     margin-top:34px; 
}
.computer>li:nth-child(1)>p:nth-child(3){
     margin-top:0; 
     margin-bottom: 0;
     color:black;
}
.computer>li:nth-child(1)>p:nth-child(4){
     margin-bottom: 8px;
     margin-top:0;
    color:#aaa;
}  
.computer>li:nth-child(2)>p:nth-child(2){
     margin-top:0; 
     margin-bottom:0;
     color:black;
}
.computer>li:nth-child(2)>p:nth-child(3){
    margin-bottom: 8px;
    color:#aaa;
}
.computer>li:nth-child(2)>p:nth-child(4){
    color:#ff6700;
}
.computer>li:nth-child(3)>p:nth-child(4){
    color:#aaa;
    margin-bottom: 8px;
}
.computer>li:nth-child(4)>p:nth-child(2){
     margin-top:0; 
     margin-bottom:0;
     color:black;
}
.computer>li:nth-child(4)>p:nth-child(3){
    margin-bottom: 8px;
    color:#aaa;
}
.computer>li:nth-child(4)>p:nth-child(4){
    color:#ff6700;
}
.computer>li:nth-child(5)>p:nth-child(2){
     margin-top:0; 
     margin-bottom:0;
     color:black;
}
.computer>li:nth-child(5)>p:nth-child(3){
    margin-bottom: 8px;
    color:#aaa;
}
.computer>li:nth-child(5)>p:nth-child(4){
    color:#ff6700;
}
.computer>li:nth-child(6)>img{
    margin-top:34px;
}
.computer>li:nth-child(7)>p:nth-child(3){
     margin-top:0; 
}
.computer>li:nth-child(6)>p:nth-child(2){
     margin-top:0; 
     margin-bottom:0;
     color:black;
}
.computer>li:nth-child(6)>p:nth-child(3){
    margin-bottom: 8px;
    color:#aaa;
}
.computer>li:nth-child(6)>p:nth-child(4){
    color:#ff6700;
}
.computer>li:nth-child(7)>img{
    margin-top:34px;
}
.computer>li:nth-child(7)>p:nth-child(3){
    margin-top:25px;
    color:black;
    margin-bottom:0;
}
.computer>li:nth-child(7)>p:nth-child(4){
    color:#aaa;
    margin-bottom:8px;
}


.appliances-list>div>.computer>li{
    position: relative;
    overflow: hidden;
}
.appliances-list>div>.computer>li>section{
    width: 234px;
    height: 80px;
    background-color:#ff7600;
    position: absolute;
    top:300px; 
}
.appliances-list>div>.computer>li>section>div{
    margin:auto;
    color:white;
    width: 154px;
}
.appliances-list>div>.computer>li>section>div>span{
    color:white;
}
/*audio--------------------------*/
.appliances-list>div>.audio>li{
    position: relative;
    overflow: hidden;
}
.appliances-list>div>.audio>li>section{
    width: 234px;
    height: 80px;
    background-color:#ff7600;
    position: absolute;
    top:300px; 
}
.appliances-list>div>.audio>li>section>div{
    margin:auto;
    color:white;
    width: 154px;
}
.appliances-list>div>.audio>li>section>div>span{
    color:white;
}
.audio>li>p:nth-child(3){
    margin-top:0px;
    color:black;
}
.appliances-list>div>.audio>li>p:nth-child(4){
        margin-bottom:8px;
    color:rgb(176, 176, 176);
}
.appliances-list>div>.audio>li>p:nth-child(5){
    color:#ff6700;
}
.appliances-list>div>.audio>li>section{
    width: 234px;
    height: 80px;
    background-color:#ff7600;
    position: absolute;
    top:300px; 
}
.appliances-list>div>.audio>li>section>div{
    margin:auto;
    color:white;
    width: 154px;
}
.appliances-list>div>.audio>li>section>div>span{
    color:white;
}
.audio>li>img{
    margin-top:14px;
}
/*jiaju--------------------------- */
.appliances-list>div>.jiaju>li>p:nth-child(3){
    color:black; 
    
    margin-top:0;
}
.jiaju>li>p:nth-child(4){
    color:#aaa;  
    margin-bottom: 8px;
}
.hot{
    position: absolute;
     /* display: none;   */
}
.audio{
    position: absolute;
    top:58px;
    left:234px;
       /* display: none;    */
}
.computer{
    position: absolute;
    top:58px;
    left:234px;
       /* display: none; */
}
.jiaju{
    position: absolute;
    top:58px;
    left:234px;
    /* display: none; */
}
/*xiahuaxian*/
.xiahuaxian{
    color:#ff6700;
    border-bottom:3px solid #ff6700;        
}
/*     -------------------------------智能0-------------------------------  */
/* 智能的标题*/
.capacity{
    width: 1226px;
    margin:0 auto;
    background-color:#eee;
}
.capacity>header{
    width: 1226px;
    height: 58px;
    display: flex;
    justify-content: space-between;
}
.capacity>header>span{
    float:left;
    font-size: 22px;
    line-height: 58px;
}
.capacity>header>ul{
    width: 326px;
    height: 42px;
    margin-top:7px;
    float: right;
    display: flex;
    justify-content: space-between;
}
.capacity-product{
    display: flex;
    flex-wrap: wrap;
}
.capacity-product>li{
    width: 234px;
    height: 300px;
    text-align: center;
    margin-left:14px;
    margin-bottom:14px;
    background-color: white;
}
.capacity-product>li>img{
    width: 150px;
    height: 150px;
}
.capacity-product>li>div>img{
    width: 80px;
    height: 80px;
}
.capacity-product>li:nth-child(8){
    width: 234px;
    height: 143px;
}
.capacity-product>li:nth-child(9){
    width: 234px;
    height:143px;
    position: absolute;
}
/*上边有新品标志  */
    .new>img{
        margin-top:15px;
    }
    .new>p:nth-child(3){
        color:black;
        margin-top:25px;
    }
    .new>p:nth-child(4){
        color:#aaa;
        margin-bottom:8px;
        font-size: 14px;
    }
    .new>p:nth-child(5){
        color:#ff6700;
    }
/*上边没有新品标志的样式  */
    .nonew>img{
        margin-top:35px;
    }
    .nonew>p:nth-child(2){
        color:black;
        margin-top:25px;
    }
    .nonew>p:nth-child(3){
        color:#aaa;
        margin-bottom:8px;
        font-size: 14px;
    }
    .nonew>p:nth-child(4){
        color:#ff6700;
    }
    .capacity-list{
        display:flex;
        justify-content: space-between;
    } 
    .capacity-ad>section{
        width: 234px;
        height: 300px;
        background-image: url(xmad_15033634845604_MHJpV.jpg);
        background-size: 100% 100%;
    }
    .capacity-list>.capacity-ad>section:nth-child(1){
        margin-bottom:14px;
    }
    .capacity-list>.capacity-ad>section:nth-child(){
        margin-bottom:14px;
    } 












